<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en-gb" xmlns="http://www.w3.org/1999/xhtml" lang="en-gb"><head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta name="robots" content="index, follow">
  <meta name="keywords" content="joomla, Joomla">
  <meta name="description" content="Joomla! - the dynamic portal engine and content management system">
  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management">
  <title>CPJ COMPA JEWELLRY</title>
  <link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
  <script type="text/javascript" src="js/lib/jquery-1.4.2.min.js"></script>
  <script type="text/javascript" src="js/lib/jquery.nivoSilver.js"></script>
  <script type="text/javascript" src="js/lib/jquery.jcarousel.min.js"></script>  
  <link rel="stylesheet" type="text/css" href="css/tango/skin.css" />
  <link rel="stylesheet" href="css/nivo-slider-enhanced.css" type="text/css" media="screen">	
  <link rel="stylesheet" href="css/template.css" type="text/css" charset="utf-8">
<!--[if lte IE 6]>
	<link href="css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->
  <style type="text/css">
    <!--
/* Nivo-Szaki Slider custom style */
.NivoSzakiSlider .nivoSlider {width:942px;height:340px;}
/* Nivo-Szaki Slider custom style */
    -->
  </style>
  <script type="text/javascript">
	        jQuery.noConflict();
            (function($) {
                $(window).load(function(){
                    $('.NivoSzakiSlider .nivoSlider').nivoSlider({
                    effect:'fade',
                    slices:5,
                    animSpeed:500,
                    pauseTime:5500,
                    startSlide:0,
                    directionNav:0,
                    directionNavHide:1,
                    controlNav:1,
                    controlNavThumbs:1,
                    controlNavThumbsFromRel:false,
                    controlNavThumbsSearch: '.jpg',
                    controlNavThumbsReplace: '_thumb.jpg',
                    keyboardNav:1,
                    pauseOnHover:1,
                    manualAdvance:0,
                    captionOpacity:0.8
                    });
                });
            })(jQuery);
  </script>
  
  <script type="text/javascript">

function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 2,
		animation: 'slow',
        wrap: 'last',
        initCallback: mycarousel_initCallback,
		buttonNextHTML: null,
		buttonPrevHTML: null,
		scroll: 1
    });
});

</script>
</head>
<body>
	<div id="wapper">
		<div class="topArea">
			<div class="logoArea">
				<div class="logo"><img src="images/cpj-logo.png" alt=""></div>
				<div class="languageArea">	  
					<div><a href="#">Vietnam</a> | <a href="#">English</a></div>
				</div>
			</div>
		</div>
		<div class="menuArea">
			<div class="menuBg">
				<ul class="menu">
					<li id="current" class="active1 item1"><a href="#"><span>HOME</span></a></li>
					<li class="parent item19"><a href="virtuemart&amp;Itemid=19"><span>WEDDING</span></a></li>
					<li class="item20"><a href="virtuemart&amp;Itemid=20"><span>BRACELETS</span></a></li>
					<li class="item21"><a href="virtuemart&amp;Itemid=21"><span>EARRINGS</span></a></li>
					<li class="item22"><a href="virtuemart&amp;Itemid=22"><span>NECKLACES</span></a></li>
					<li class="item23"><a href="virtuemart&amp;Itemid=23"><span>RINGS</span></a></li>
					<li class="item24"><a href="virtuemart&amp;Itemid=24"><span>CLEARANCES</span></a></li>
					<li class="item25"><a href="#"><span>E-CATALOGS</span></a></li>
				</ul>        
			</div>
			<div class="cartArea">
				<a href="#" target="_blank"><img src="images/shopping_cart red.png"></a>
			</div>
		</div>
		<div class="bodyArea"> 
			<div class="bannerArea">    	
				<div class="NivoSzakiSlider">
					<div class="nivoSlider">
						<img src="home/Picture8.jpg" alt="Array">
						<img src="home/Picture9.jpg">
						<img src="home/Picture10.jpg">
						<img src="home/Picture11.jpg">
					</div>
				</div>      
				<div class="clear"></div>
			</div>  
			<div style="color: red;"> </div>
			<ul class="jcarousel-skin-tango" id="mycarousel">
				<li><img src="home/picture1.png"></li>
				<li><img src="home/Picture2.png"></li>
				<li><img src="home/Picture3.png"></li>
				<li><img src="home/Picture4.png"></li>
				<li><img src="home/Picture5.png"></li>
				<li><img src="home/Picture6.png"></li>
				<li><img src="home/Picture7.png"></li>
				<div class="clear"></div>
			</ul>        
		</div>
		<div class="footerArea">
			<div class="footerMenuArea">
				<div class="menuFt">
					<ul class="menu">
						<li id="current" class="item1"><a href="#"><span>ABOUT CPJ</span></a></li>
						<li class="parent item19"><a href="#"><span>CARRER</span></a></li>
						<li class="item20"><a href="#"><span>ZODIAC</span></a></li>
						<li class="item21"><a href="#"><span>EDUCATION</span></a></li>
						<li class="item22"><a href="#"><span>EVENT</span></a></li>
						<li class="item23"><a href="#"><span>CONTACT</span></a></li>
						<li class="item24"><a href="#"><span>PARTNER & INVEST</span></a></li>
						<li class="item25"><a href="#"><span>SEARCH</span></a></li>
					</ul>        
				</div>
				<div class="socialArea">
					<a href="#" target="_blank"><img src="images/facebook.png" border="0" width="25"></a>&nbsp;<a href="#" target="_blank"><img src="images/twitter.png" border="0" width="25"></a>
				</div>
			</div>
			<div class="footerInfo">Copyright © 2011  by <a href="#">www.cpj.com.vn</a>, All right reserved</div>
		</div>
	</div>
</body>
</html>